.view {
    background-color: #101113;
    display: flex;
    /* 使用弹性布局，使子元素可以灵活排列 */
    flex-direction: column;
    /* 子元素纵向排列 */
    /* 绝对定位，相对于最近的已定位祖先元素 */
    width: 100%;
    /* 宽度占满父容器 */
    height: auto;
}

.switchLayout {
    padding-bottom: 12rpx;
    padding-left: 34rpx;
    padding-right: 34rpx;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;
}


// 修改 Switch 样式，使其绝对定位
.switch {
    flex: 1;
    --switch-width: 55px;
    --switch-height: 22px;
    --switch-node-size: 22px;
}

.text {
    font-weight: 400;
    padding: 10px;
    font-size: 17px;
    color: #eeeeee;
    text-align: center;
}

.buttontext {
    // hoverStartTime={0}
    border-radius: 3px;
    font-size: 16px;
    height: 60rpx;
    color: #333333;
    padding: 0;
    align-content: center;
    background-color: white;
    flex: 1;
    margin-right: 1px;
    font-weight: 400;

}

.line {
    width: 100%;
    height: 5rpx;
    background-image: url('../../res/imgs/ic_main_line.png');
    /* 设置背景图片路径 */
    background-size: 100% auto;
    /* 修改：让宽度撑满，高度自适应 */
    /* 背景图宽度占满容器，高度按比例缩放 */
    background-position: center;
    /* 图片居中显示 */
}

.pressed {
    filter: brightness(0.5); ///* 点击时。对子元素应用亮度调整 */
}